<template>
  <view class="wrap">
    <image
      class="bannerImg"
      src="https://ainengli.hzjrsw.com/jkhx/weight/traditionalQuestion.png"
      alt=""
    />
    <view class="toFixedWrap">
      <view class="wrapFixed">
        <text class="btn" @tap="startEvaluation">开始测评</text>
        <text class="record" @tap="record">查看测评记录</text>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { reactive, ref } from 'vue'
import { onShow } from '@dcloudio/uni-app'

const record = () => {
  uni.navigateTo({ url: '/module/src/pages/traditionalCMG/record' })
}
const startEvaluation = () => {
  uni.navigateTo({ url: '/module/src/pages/traditionalCMG/fillin' })
}
</script>

<style lang="scss" scoped>
.wrap {
  min-height: 100vh;
  padding-bottom: calc(300rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(300rpx + env(safe-area-inset-bottom));
  background: #f2ebe1;

  .bannerImg {
    display: block;
    width: 100%;
    height: 1460rpx;
  }

  .toFixedWrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24rpx;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background: transparent;

    .wrapFixed {
      text-align: center;

      .btn {
        display: block;
        height: 88rpx;
        font-size: 32rpx;
        line-height: 88rpx;
        color: #fff;
        background: #a46b39;
        border-radius: 44rpx;
      }

      .record {
        display: inline-block;
        margin-top: 32rpx;
        margin-bottom: 24rpx;
        font-size: 30rpx;
        color: #a46b39;
      }
    }
  }
}
</style>
